import * as React from "react";
import '@/css/right.less'

class Right extends React.Component<any, any> {
    constructor(props: any) {
        super(props);

    }

    render() {
        return (<main className="home-right">
            <section className="part top">
                            <span>
                                <p className="part-title">上午好！</p>
                                <p>点亮在生活的每一天</p>
                            </span>
            </section>

            <section className="part marT">
                <img style={{width:'100%',height:'auto'}} src={require('../../images/vue.jpg')}/>
            </section>

            <section className="part marT" style={{height:"1rem"}}>
                <p style={{padding:'10px'}}>文章榜</p>
                <ul>
                    <li>《JavaScript权威指南》</li>
                    <li>《JavaScript高级程序设计》</li>
                </ul>
            </section>

            <section className="part marT" style={{height:"1rem"}}>
                <p className="r-p">关于我们</p>
                <p className="r-p">联系方式：1234567890</p>
                <p className="r-p">帮助</p>
            </section>
        </main>)
    }

}

export default Right